<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/game.css">
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-default navbar-inverse">
        <div class="container">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="./images/index/图层2.png" alt=""></a>
          </div>
      
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class="active-t"><a href="index.html">首页 <span class="sr-only">(current)</span></a></li>
              <li><a href="laya-family.html">laya家族</a></li>
              <li><a href="game.html">游戏</a></li>
              <li><a href="news.html">新闻动态</a></li>
              <li><a href="#">开发者中心</a></li>
              <li><a href="#">开发者社区</a></li>
              <li><a href="#">开放平台</a></li>
              <li><a href="aboutus.html">关于我们</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Chinese</a></li>
                  <li><a href="#">English</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li role="separator" class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                  <li role="separator" class="divider"></li>
                  <li><a href="#">One more separated link</a></li>
                </ul>
              </li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <!-- 主体 -->
    <div class="main">
        <div class="banner">
            <input type="radio" name="control" id="cotrol-1" checked="checked">
            <input type="radio" name="control" id="cotrol-2">
            <input type="radio" name="control" id="cotrol-3">
            <div class="slide">
                <a href="#"><img src="./images/game/图层 53.jpg" alt="" class="img-responsive"></a>
            </div>
            <div class="slide"></div>
            <div class="slide"></div>
            <div class="dots">
                <label for="cotrol-1"></label>
                <label for="cotrol-2"></label>
                <label for="cotrol-3"></label>
            </div>
        </div>
        <!-- 游戏列表 -->
        <div class="game_list">
            <div class="container">
                <div class="row lieren">
                    <div class="col-md-4 col-sm-12 col-xs-12 left">
                        <div class="center">
                            <div class="hot"><span>热门</span></div>
                            <img src="./images/game/图层 56.jpg" alt="">
                        </div>
                    </div>
                    <div class="col-md-8 col-sm-12 col-xs-12 right">
                        <h2>猎刃2</h2>
                        <p>2015年Q版魔幻手游诚心之作，超魔幻ARPG之作！！！无可挑剔的简单操作，无与伦比的爽快打击感，无处不在的惊
                            喜！无穷无尽的回忆！全部技能100%还原，高清华丽特效，体验视觉盛宴；超写实画风，完美重现经典副本；让我们一
                            起来，挑战恶魔，乱斗魔兽！</p>
                        <div class="row">
                            <div class="col-md-6 col-sm-6 col-xs-12"><img src="./images/game/图层 57.jpg" alt="" class="center"></div>
                            <div class="col-md-6 col-sm-6 col-xs-12"><img src="./images/game/图层 58.jpg" alt="" class="center"></div>
                            <div class="col-md-6 col-sm-6 col-xs-12"><img src="./images/game/图层 59.jpg" alt="" class="center"></div>
                            <div class="col-md-6 col-sm-6 col-xs-12"><img src="./images/game/图层 60.jpg" alt="" class="center"></div>
                        </div>
                    </div>
                </div>
                <div class="master row">
                    <div class="col-md-8 left">
                        <h2>上吧主公</h2>
                        <p>《上吧主公》是一款以三国为背景Q版卡牌游戏，游戏与普通三国题材不同，它以萌萌哒猫咪为三国众名将构筑出别具一
                            格的游戏世界观。画面Q萌，技能华丽炫酷，集养成 、 收集 、策略 、卡牌于一体。三国初始群雄争霸，奇妙的名将会帮
                            你掌握胜算左右战况。</p>
                        <div class="row">
                            <div class="col-md-6 col-sm-6 col-xs-12"><img src="./images/game/ss.jpg" alt="" class="center"></div>
                            <div class="col-md-6 col-sm-6 col-xs-12"><img src="./images/game/图层 64.jpg" alt="" class="center"></div>
                            <div class="col-md-6 col-sm-6 col-xs-12"><img src="./images/game/图层 65.jpg" alt="" class="center"></div>
                            <div class="col-md-6 col-sm-6 col-xs-12"><img src="./images/game/图层 66.jpg" alt="" class="center"></div>
                        </div>
                    </div>
                    <div class="right col-md-4 col-sm-12 col-xs-12"><img src="./images/game/图层 62.jpg" alt="" class="center"></div>
                </div>
                <!-- 更多游戏 -->
                <div class="more">
                    <h2>更多案例</h2>
                    <div class="row">
                        <div class="col-md-4 col-sm-6 col-xs-12">
                                <div class="img" class="center">
                                    <img src="./images/game/图层68.jpg" alt="">
                                    <p>
                                        醉西游》是一款以西游记题材为背景的ARPG游戏，采用Layabox引擎开发，唯美的画面、音乐悠扬，极具神话感；流畅的战斗，
                                        有趣的剧情、炫酷的职业、华丽的技能、神秘的副本、激烈的仙战……
                                    </p>
                                </div>
                                <a href="#">醉西游</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层 69.jpg" alt="">
                            </div>
                            <a href="#">魔卡幻想</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层 70.jpg" alt="">
                            </div>
                            <a href="#">超能战队</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层 71.jpg" alt="">
                            </div>
                            <a href="#">轰三国</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层 72.jpg" alt="">
                            </div>
                            <a href="#">刀塔大菠萝</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层 73.jpg" alt="">
                            </div>
                            <a href="#">迷你猎人</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层 74.jpg" alt="">
                            </div>
                            <a href="#">萌挂三国</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层 75.jpg" alt="">
                            </div>
                            <a href="#">战争之门</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层 76.jpg" alt="">
                            </div>
                            <a href="#">英雄争霸</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层 77.jpg" alt="">
                            </div>
                            <a href="#">二战传奇</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层 78.jpg" alt="">
                            </div>
                            <a href="#">龙吟三国</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层 79.jpg" alt="">
                            </div>
                            <a href="#">哟狐狸精</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层80.jpg" alt="">
                            </div>
                            <a href="#">熊来了</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层81.jpg" alt="">
                            </div>
                            <a href="#">我爱我家</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层82.jpg" alt="">
                            </div>
                            <a href="#">夺塔三国</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层83.jpg" alt="">
                            </div>
                            <a href="#">西游快跑</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层84.jpg" alt="">
                            </div>
                            <a href="#">德州扑克</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层85.jpg" alt="">
                            </div>
                            <a href="#">神魔快打</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层86.jpg" alt="">
                            </div>
                            <a href="#">鬼吹灯</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层87.jpg" alt="">
                            </div>
                            <a href="#">挂机三国</a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div>
                                <img src="./images/game/图层88.jpg" alt="">
                            </div>
                            <a href="#">三国修仙传</a>
                        </div>
                    </div>   
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <div class="container">
            <div class="footer_left">
                <div>
                    <a href="#">公司简介</a>
                   <a href="#">联系方式</a>
                   <a href="#">人才招聘</a>
                </div>
                <span>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</span>
            </div>
            <div class="footer_right">
                    <a href="#"><img src="./images/index/图层 50.jpg" alt="" class="img-circle img-responsive"></a>
                    <div class="img">
                        <div class="box"><img src="./images/index/图层 53.jpg"alt=""></div>
                        <div class="triangle"></div>
                    </div>
                    <a href="#"><img src="./images/index/图层 51.jpg" alt="" class="img-circle img-responsive"></a>
                    <div class="img">
                        <div class="box"><img src="./images/index/图层 53.jpg"alt=""></div>
                        <div class="triangle center"></div>
                    </div>
                    <a href="#"><img src="./images/index/图层 52.jpg" alt="" class="img-circle img-responsive"></a>
                    <div class="img">
                        <div class="box"><img src="./images/index/图层 53.jpg"alt=""></div>
                        <div class="triangle"></div>
                    </div>
            </div>
        </div>
    </footer>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
</body>
</html>